.com-header {
    // display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1.22rem;
    line-height: 1.2rem;
    background-color: $baseColor;
    text-align: center;
    span{
        font-size: 16px;
    }
    .back{
        position: absolute;
        left: 0;
        width: 1.2rem;
        height: 100%;
        i{
            display: inline-block;
            width: 20px;
            height: 20px;
            @include background('~assets/image/login/back.png')
        }
    }
    h1 {
        font-size: 0.53rem;
        color: $cffffff;
    }
    .back-icon {
        position: absolute;
        top: 0;
        left: 0;
        width: 1.22rem;
        height: 1.22rem;
        &:after {
            content: '\200B';
            position: absolute;
            top: 0.21rem;
            left: 0;
            width: 0.75rem;
            height: 0.70rem;
            @include background('~assets/image/Header-back.png');
        }
        .back-title{
          position: relative;
          top: 0;
          left: 0.48rem;
          font-size: 0.50rem;
          color: $cffffff;
        }
    }
    .com-headerBtn{
        position: absolute;
        top: 0;
        right: 0.2rem;
        width: 1.22rem;
        height: 1.22rem;
        color: $cffffff;
        font-size: 0.5rem;
    }
    .com-beMoreBtn{
        right: 0.2rem;
    }
    .moreIcon{
        display: inline-block;
        width: 0.8rem;
        height: 0.8rem;
        @include background('~assets/image/header/more.png');
    }
    .com-beSearchBtn{
        right: 1.5rem;
    }
    .seachIcon{
        display: inline-block;
        position: relative;
        top: 2px;
        width: 0.5rem;
        height: 0.5rem;
        @include background('~assets/image/header/seach.png');
    }
}

.com-footer{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}